<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>迅雷首页</title>
  <link rel="stylesheet" href="../css/common.css">
  <link rel="stylesheet" href="css/xunlei.css">
</head>

<body>
  <!-- 上方菜单和logo -->
  <header>

    <!-- 左logo -->
    <div>
      <img src="xl-logo2x.png" alt="">
    </div>

    <!-- 右边菜单 -->
    <div style="display:flex;">

      <!-- 菜单项 -->
      <div class="menu">
        <div class="atext">首页</div>
        <!-- 模拟线条 -->
        <div class="line active"></div>
      </div>

      <!-- 菜单项 -->
      <div class="menu">
        <div class="atext">产品中心</div>
        <!-- 模拟线条 -->
        <div class="line"></div>
      </div>

      <!-- 菜单项 -->
      <div class="menu">
        <div class="atext">区块链</div>
        <!-- 模拟线条 -->
        <div class="line"></div>
        <!-- 弹出式菜单 -->
        <div class="pop-box">
          <div>网心云</div>
          <div>迅雷链</div>
          <div>星域云</div>
        </div>


      </div>



    </div>

  </header>


</body>

</html>